@charset "utf-8";
@function vw($vw) {
    @return $vw / 750 * 100+vw;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.box {
    width: vw(750);
    height: vw(1333);
    background: url("../img/背景图.png") center no-repeat;
    position: relative;
    #btn1 {
        width: vw(200);
        height: vw(80);
        font-size: vw(35);
        font-weight: bolder;
        color: green;
        border-radius: vw(38);
        border-color: #000;
        outline: none;
        margin: vw(55);
    }
    .main {
        width: vw(650);
        height: vw(1000);
        box-shadow: -1px 2px 9px 2px grey;
        position: absolute;
        top: vw(170);
        left: 7%;
        .top {
            .xiala {
                height: vw(70);
                color: rgb(18, 125, 196);
                font-weight: bold;
                margin: vw(50);
                outline: none;
                border: none;
                background-color: transparent;
                font-size: vw(35);
            }
        }
        .span {
            width: vw(650);
            display: flex;
            justify-content: space-evenly;
            font-size: vw(35);
            color: rgb(18, 125, 196);
            font-weight: bolder;
            padding-top: vw(80);
        }
        .span1,
        .span2,
        .span3 {
            width: vw(650);
            display: flex;
            justify-content: space-evenly;
            font-size: vw(35);
            font-weight: bolder;
            padding-top: vw(100);
        }
        .span4 {
            width: vw(650);
            text-align: center;
            font-size: vw(35);
            font-weight: bolder;
            padding-top: vw(100);
        }
    }
}